<!DOCTYPE HTML>
<html>
    <head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width,height=device-height,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
    <meta name="applicable-device" content="pc,mobile"/>
    <meta http-equiv="Cache-Control" content="no-transform"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
        <title>历史朝代</title>
        <link rel="stylesheet" type="text/css" href="./static/style/public/responsive.css">
        <link rel="stylesheet" type="text/css" href="./static/style/chaodai/index.css">
    </head>
    <body>
            
            <div class="container">
                <div class="content">
                    
                    <div class="mod-panel">
                        <div class="bd">
                           <div class="search">
                              <label>朝代：</label>
                              <select id="isel" class="sel">
                                 <option value="0">请选择朝代</option>
                                 <option value="1">夏</option>
                                 <option value="2">商</option>
                                 <option value="3">周</option>
                                 <option value="4">秦</option>
                                 <option value="5">汉</option>
                                 <option value="6">三国</option>
                                 <option value="7">西晋</option>
                                 <option value="8">东晋</option>
                                 <option value="9">十六国</option>
                                 <option value="10">南朝</option>
                                 <option value="11">北朝</option>
                                 <option value="12">隋</option>
                                 <option value="13">唐</option>
                                 <option value="14">五代十国</option>
                                 <option value="15">宋</option>
                                 <option value="16">辽</option>
                                 <option value="17">西夏</option>
                                 <option value="18">金</option>
                                 <option value="19">元</option>
                                 <option value="20">明</option>
                                 <option value="21">清</option>
                                 <option value="22">中华民国</option>
                              </select>
                           </div>
                           <div class="info">
                              <table cellspacing="1" cellpadding="5">
                                <thead>
                                <tr>
                                  <th colspan="2">朝 代</th>
                                  <th>起 讫</th>
                                  <th>都 城</th>
                                  <th>今 地</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr id="c1">
                                  <td colspan="2">夏</td>
                                  <td>约前2146-1675年</td>
                                  <td>安邑</td>
                                  <td>山西夏县</td>
                                </tr>
                                <tr id="c2">
                                  <td colspan="2">商①</td>
                                  <td>约前1675-1029年</td>
                                  <td>亳</td>
                                  <td>河南商丘</td>
                                </tr>
                                <tr id="c3">
                                  <td rowspan="2">周</td>
                                  <td>西周</td>
                                  <td>约前1029-771年②</td>
                                  <td>镐京</td>
                                  <td>陕西西安</td>
                                </tr>
                                <tr>
                                  <td>东周</td>
                                  <td>前770-256年</td>
                                  <td>洛邑</td>
                                  <td>河南洛阳</td>
                                </tr>
                                <tr id="c4">
                                  <td colspan="2">秦</td>
                                  <td>前221-207年</td>
                                  <td>咸阳</td>
                                  <td>陕西咸阳</td>
                                </tr>
                                <tr id="c5">
                                  <td rowspan="2">汉</td>
                                  <td>西汉③</td>
                                  <td>前206—公元25</td>
                                  <td>长安</td>
                                  <td>陕西西安</td>
                                </tr>
                                <tr>
                                  <td>东汉</td>
                                  <td>25—220</td>
                                  <td>洛阳</td>
                                  <td>河南洛阳</td>
                                </tr>
                                <tr id="c6">
                                  <td rowspan="3">三国</td>
                                  <td>魏</td>
                                  <td>220-265</td>
                                  <td>洛阳</td>
                                  <td>河南洛阳</td>
                                </tr>
                                <tr>
                                  <td>蜀</td>
                                  <td>221-263</td>
                                  <td>成都</td>
                                  <td>四川成都</td>
                                </tr>
                                <tr>
                                  <td>吴</td>
                                  <td>222-280</td>
                                  <td>建业</td>
                                  <td>江苏南京</td>
                                </tr>
                                <tr id="c7">
                                  <td colspan="2">西晋</td>
                                  <td>265-317</td>
                                  <td>洛阳</td>
                                  <td>河南洛阳</td>
                                </tr>
                                <tr id="c8">
                                  <td rowspan="2">东晋<br />十六国</td>
                                  <td>东晋</td>
                                  <td>317-420</td>
                                  <td>建康</td>
                                  <td>江苏南京</td>
                                </tr>
                                <tr id="c9">
                                  <td>十六国④</td>
                                  <td>304-439</td>
                                  <td>—</td>
                                  <td>—</td>
                                </tr>
                                <tr id="c10">
                                  <td rowspan="4">南朝</td>
                                  <td>宋</td>
                                  <td>420-479</td>
                                  <td>建康</td>
                                  <td>江苏南京</td>
                                </tr>
                                <tr>
                                  <td>齐</td>
                                  <td>479-502</td>
                                  <td>建康</td>
                                  <td>江苏南京</td>
                                </tr>
                                <tr>
                                  <td>梁</td>
                                  <td>502-557</td>
                                  <td>建康</td>
                                  <td>江苏南京</td>
                                </tr>
                                <tr>
                                  <td>陈</td>
                                  <td>557-589</td>
                                  <td>建康</td>
                                  <td>江苏南京</td>
                                </tr>
                                <tr id="c11">
                                  <td rowspan="6">北朝</td>
                                  <td rowspan="2">北魏</td>
                                  <td rowspan="2">386-534</td>
                                  <td>平城</td>
                                  <td>山西大同</td>
                                </tr>
                                <tr>
                                  <td>洛阳</td>
                                  <td>河南洛阳</td>
                                </tr>
                                <tr>
                                  <td>东魏</td>
                                  <td>534-550</td>
                                  <td>邺</td>
                                  <td>河北临漳</td>
                                </tr>
                                <tr>
                                  <td>北齐</td>
                                  <td>550-577</td>
                                  <td>邺</td>
                                  <td>河北临漳</td>
                                </tr>
                                <tr>
                                  <td>西魏</td>
                                  <td>535-557</td>
                                  <td>长安</td>
                                  <td>陕西西安</td>
                                </tr>
                                <tr>
                                  <td>北周</td>
                                  <td>557-581</td>
                                  <td>长安</td>
                                  <td>陕西西安</td>
                                </tr>
                                <tr id="c12">
                                  <td colspan="2">隋</td>
                                  <td>581-618</td>
                                  <td>大兴</td>
                                  <td>陕西西安</td>
                                </tr>
                                <tr id="c13">
                                  <td colspan="2">唐</td>
                                  <td>618-907</td>
                                  <td>长安</td>
                                  <td>陕西西安</td>
                                </tr>
                                <tr id="c14">
                                  <td rowspan="6">五代<br />十国</td>
                                  <td>后梁</td>
                                  <td>907-923</td>
                                  <td>汴</td>
                                  <td>河南开封</td>
                                </tr>
                                <tr>
                                  <td>后唐</td>
                                  <td>923-936</td>
                                  <td>洛阳</td>
                                  <td>河南洛阳</td>
                                </tr>
                                <tr>
                                  <td>后晋</td>
                                  <td>936-946</td>
                                  <td>汴</td>
                                  <td>河南开封</td>
                                </tr>
                                <tr>
                                  <td>后汉</td>
                                  <td>947-950</td>
                                  <td>汴</td>
                                  <td>河南开封</td>
                                </tr>
                                <tr>
                                  <td>后周</td>
                                  <td>951-960</td>
                                  <td>汴</td>
                                  <td>河南开封</td>
                                </tr>
                                <tr>
                                  <td>十国⑤</td>
                                  <td>902-979</td>
                                  <td>—</td>
                                  <td>—</td>
                                </tr>
                                <tr id="c15">
                                  <td rowspan="2">宋</td>
                                  <td>北宋</td>
                                  <td>960-1127</td>
                                  <td>开封</td>
                                  <td>河南开封</td>
                                </tr>
                                <tr>
                                  <td>南宋</td>
                                  <td>1127-1279</td>
                                  <td>临安</td>
                                  <td>浙江临安</td>
                                </tr>
                                <tr id="c16">
                                  <td colspan="2">辽</td>
                                  <td>907-1125</td>
                                  <td>皇都 <br />(上京)</td>
                                  <td>辽宁<br />巴林右旗</td>
                                </tr>
                                <tr id="c17">
                                  <td colspan="2">西夏</td>
                                  <td>1038-1227</td>
                                  <td>兴庆府</td>
                                  <td>宁夏银川</td>
                                </tr>
                                <tr id="c18">
                                  <td colspan="2" rowspan="3">金</td>
                                  <td rowspan="3">1115-1234</td>
                                  <td>会宁</td>
                                  <td>阿城(黑龙江)</td>
                                </tr>
                                <tr>
                                  <td>中都</td>
                                  <td>北京</td>
                                </tr>
                                <tr>
                                  <td>开封</td>
                                  <td>河南开封</td>
                                </tr>
                                <tr id="c19">
                                  <td colspan="2">元</td>
                                  <td>1206-1368</td>
                                  <td>大都</td>
                                  <td>北京</td>
                                </tr>
                                <tr id="c20">
                                  <td colspan="2">明</td>
                                  <td>1368-1644</td>
                                  <td>北京</td>
                                  <td>北京</td>
                                </tr>
                                <tr id="c21">
                                  <td colspan="2">清</td>
                                  <td>1616-1911</td>
                                  <td>北京</td>
                                  <td>北京</td>
                                </tr>
                                <tr id="c22">
                                  <td colspan="2">中华民国</td>
                                  <td>1912-1949</td>
                                  <td>南京</td>
                                  <td>江苏南京</td>
                                </tr>
                                <tr>
                                  <td colspan="5">中华人民共和国1949年10月1日成立，首都北京。</td>
                                </tr>
                                <tr>
                                    <td colspan="5" class="note"><span>附注：</span><br />
                                    ① 约公元前14世纪盘庚迁都于殷，此后商也成为殷。<br />
                                    ② 公元前841年(西周共和元年)为中国历史确切纪年的开始。<br />
                                    ③ 包括王莽建立的“新”王朝(公元8年—23年)。王莽时期，爆发大规模的农民起义，建立了农民政权。公元23年，新王莽政权灭亡。公元25年，东汉王朝建立。<br />
                                    ④ 这时期，在我国北方，先后存在过一些封建政权，其中有：汉(前赵)、成(成汉)、前凉、后赵(魏)、前燕、前秦、后燕、后秦、西秦、后凉、南凉、北凉、南燕、西凉、北燕、夏等国，历史上叫做“十六国”。<br />
                                    ⑤ 这时期，除后梁、后唐、后晋、后汉、后周外，还先后存在过一些封建政权，其中有：吴、前蜀、吴越、楚、闽、南汉、荆南(南平)、后蜀、南唐、北汉等国，历史上叫做“十国”。
                                    </td>
                                </tr>
                                </tbody>
                              </table>

                              <div class="song">
                                <h2>中国历史朝代歌</h2>
                                <p>
                                  夏商与西周，&nbsp;&nbsp;&nbsp;&nbsp;东周分两段。<br />
                                  春秋与战国，&nbsp;&nbsp;&nbsp;&nbsp;一统秦两汉。<br />
                                  三分魏蜀吴，&nbsp;&nbsp;&nbsp;&nbsp;二晋前后延。<br />
                                  南北朝对峙，&nbsp;&nbsp;&nbsp;&nbsp;隋唐五代传。<br />
                                  宋元明清后，&nbsp;&nbsp;&nbsp;&nbsp;皇朝至此完。
                                </p>
                              </div>
                           </div>
            
                        </div>
                </div>
                </div>
        </div>
        <script src="./static/script/lib/jquery-1.11.3.min.js"></script>
        <script src="./static/script/chaodai/index.js"></script>

    </body>
</html>